<template>
    <div class="myButton"
         v-bind:style="{width:myWidth+'px',height:myHeight+'px',lineHeight:myHeight+'px',borderRadius:borderR}">
        <span v-bind:style="{background:url,width:myWidth+'px',height:myHeight+'px',lineHeight:myHeight+'px',backgroundPosition:backgroundPosition}">{{content}}</span>
    </div>
</template>
<style lang="less">
    @import '../../less/button.less';
</style>
<script>
    export default {
        props: ['content', 'myWidth', 'myHeight', 'borderR', 'url', 'backgroundPosition'],
        data() {
            return {}
        },
        methods: {},
        mounted() {

        }
    }
</script>